<template>
  <div class="allPage">
    <el-row :gutter="15">
      <el-col :span="7">
        <el-card class="box-card-top">
          <StoreslastmonthDairyAnalysis></StoreslastmonthDairyAnalysis>
        </el-card>
      </el-col>
      <el-col :span="7">
        <el-card class="box-card-top">
          <sellingoodsDairyAnalysis></sellingoodsDairyAnalysis>
        </el-card>
      </el-col>
      <el-col :span="10">
        <el-card class="box-card-top">
          <NewsalestrendsDairyAnalysis2></NewsalestrendsDairyAnalysis2>
        </el-card>
      </el-col>
    </el-row>
    <el-row :gutter="15">
      <el-col :span="12">
        <el-card class="box-card-bottom">
          <div>
            <NewsalestrendsDairyAnalysis></NewsalestrendsDairyAnalysis>
          </div>
        </el-card>
      </el-col>
      <el-col :span="12">
        <el-card class="box-card-bottom">
          <div>
            <totalsalesDairyAnalysis></totalsalesDairyAnalysis>
          </div>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>
  
  <script>
import StoreslastmonthDairyAnalysis from "@/components/dataSreening/salesData/StoreslastmonthDairyAnalysis";
import sellingoodsDairyAnalysis from "@/components/dataSreening/salesData/sellingoodsDairyAnalysis";

import NewsalestrendsDairyAnalysis2 from "@/components/dataSreening/salesData/NewsalestrendsDairyAnalysis2";
import NewsalestrendsDairyAnalysis from "@/components/dataSreening/salesData/NewsalestrendsDairyAnalysis";
import totalsalesDairyAnalysis from "@/components/dataSreening/salesData/totalsalesDairyAnalysis";
import getNowtotalSales from "@/components/dataSreening/salesData/getNowtotalSales";
import getSalesOrders from "@/components/dataSreening/salesData/getSalesOrders";
export default {
  name: "salesData",
  components: {
    StoreslastmonthDairyAnalysis,
    sellingoodsDairyAnalysis,
    NewsalestrendsDairyAnalysis,
    NewsalestrendsDairyAnalysis2,
    totalsalesDairyAnalysis,
    getNowtotalSales,
    getSalesOrders,
  },
};
</script>
  
  <style scoped>
.box-card-top {
  height: 260px;
  margin-bottom: 15px;
}

.box-card-bottom {
  height: calc(100vh - 400px);
}
</style>